.home {
        .swiper-container {
                width: 100%;
                img {
                        width: 100%;
                }
        }
        /* 移动端pnav */
        .pnav {
                padding: 0 .15rem;
                a {
                        display: block;
                        height: .8rem;
                        padding-top: .6rem;
                        font-size: .12rem;
                        text-align: center;
                        background: url(../assets/img/pnav.jpg) no-repeat;
                }
                div {
                        border-right: 1px solid #efefef;
                }
                div:nth-child(1) a {
                        color: #17acdd;
                        background-position: center 15px;
                }
                div:nth-child(2) a {
                        color: #28b45a;
                        background-position: center -87px;
                }
                div:nth-child(3) a {
                        color: #ea9025;
                        background-position: center -189px;
                }
                div:nth-child(4) a {
                        color: #d93c3c;
                        background-position: center -291px;
                }
        }
        /* pc端 */
        .serviceItems {
                width: 100%;
                max-width: 1200px;
                margin: .2rem auto;
                h3 {
                        color: #dadada;
                        font-size: 24px;
                        text-align: center;
                        font-family: "Arial";
                }
                h4 {
                        margin-bottom: .2rem;
                        color: #dc3535;
                        font-size: 24px;
                        text-align: center;
                }
                .pc {
                        margin-bottom: 36px;
                        dl {
                                margin: 0;
                                dt,
                                dd {
                                        position: relative;
                                        height: 200px;
                                        max-height: 300px;
                                        overflow: hidden;
                                }
                                img {
                                        display: inline-block;
                                        width: 100%;
                                        height: 100%;
                                        vertical-align: middle;
                                }
                                img::after {
                                        z-index: 10;
                                        content: "";
                                        width: 0;
                                        height: 0;
                                        position: absolute;
                                        left: 100px;
                                        top: 18px;
                                        border-top: solid 12px transparent;
                                        border-left: solid 12px black;
                                        /* 黑色大三角形 */
                                        border-bottom: solid 12px transparent;
                                }
                                dd img {
                                        position: absolute;
                                        bottom: 0;
                                }
                                .text {
                                        position: absolute;
                                        top: 0;
                                        bottom: 0;
                                        left: 0;
                                        right: 0;
                                        width: 50%;
                                        height: 30%;
                                        margin: auto;
                                        color: #fff;
                                        p:nth-of-type(1) {
                                                font-size: 18px
                                        }
                                        p:nth-of-type(2) {
                                                font-size: 12px
                                        }
                                        p:nth-of-type(3) {
                                                // font-size: 10px
                                                line-height: 8px;
                                        }
                                }
                        }
                        .item1 {
                                background: green;
                        }
                        .item2 {
                                background: blue
                        }
                        .item3 {
                                background: #fb0
                        }
                        .item4 {
                                background-color: red;
                        }
                }
                .mb {
                        padding: 0.1rem;
                        dl {
                                margin-bottom: 0.28rem;
                                p {
                                        font-size: 0.14rem;
                                        text-align: center;
                                }
                                dt {
                                        display: block;
                                        .boxF,
                                        .boxS,
                                        .boxT {
                                                width: 1.3rem;
                                                height: 1rem;
                                                overflow: hidden;
                                        }
                                        .boxF,
                                        .boxS {
                                                visibility: hidden;
                                        }
                                        .boxF {
                                                transform: rotate(120deg);
                                                float: left;
                                        }
                                        .boxS {
                                                transform: rotate(-60deg);
                                        }
                                        .boxT {
                                                transform: rotate(-60deg);
                                                visibility: visible;
                                        }
                                        img {
                                                width: 100%;
                                                max-height: 1rem;
                                        }
                                }
                        }
                }
        }
        .link {
                a {
                        width: 124px;
                        height: 33px;
                        display: block;
                        border: 2px solid #e3e3e3;
                        margin: 0 auto 0;
                        text-align: center;
                        line-height: 33px;
                        color: #011ffc;
                        text-decoration: none;
                }
        }
        .construction {
                width: 100%;
                margin-top: 30px;
                padding: 30px 0;
                background: #f8f8f8;
                h3 {
                        color: #dadada;
                        font-size: 24px;
                        text-align: center;
                        font-family: "Arial";
                }
                h4 {
                        color: #dc3535;
                        font-size: 24px;
                        text-align: center;
                }
                .content {
                        max-width: 1200px;
                        margin: 0 auto;
                        .menu {
                                margin: 20px 0;
                                text-align: center;
                                a {
                                        display: inline-block;
                                        padding-bottom: 15px;
                                }
                                a:hover {
                                        padding-bottom: 13px;
                                        color: #f00;
                                        border-bottom: 1px solid #f00;
                                }
                                .swiper-button-next,
                                .swiper-button-prev {
                                        top: 30%;
                                        width: 30px;
                                        height: 45px;
                                        background-size: 30% 30%;
                                }
                        }
                        .slideshow {
                                .hidde {
                                        height: 0;
                                        overflow: hidden;
                                }
                                #Protect {
                                        dl {
                                                margin: 0;
                                                border: 2px solid #ebebeb;
                                                dt::before {
                                                        content: '';
                                                        display: block;
                                                        margin-top: 75%;
                                                }
                                                dt {
                                                        position: relative;
                                                        width: 100%;
                                                        overflow: hidden;
                                                        img {
                                                                position: absolute;
                                                                top: 0;
                                                                bottom: 0;
                                                                left: 0;
                                                                right: 0;
                                                                width: 100%;
                                                                height: 100%;
                                                        }
                                                }
                                                dd {
                                                        height: 30px;
                                                        text-align: center;
                                                        p {
                                                                display: inline-block;
                                                                line-height: 30px;
                                                        }
                                                }
                                        }
                                }
                        }
                }
        }
        .certificate {
                max-width: 1200px;
                margin: .4rem auto;
                h3 {
                        color: #dadada;
                        font-size: 24px;
                        text-align: center;
                        font-family: "Arial";
                }
                h4 {
                        margin-bottom: .2rem;
                        color: #dc3535;
                        font-size: 24px;
                        text-align: center;
                }
        }
        .intoSh {
                width: 100%;
                margin-top: 30px;
                padding: 30px 0;
                background: #f8f8f8;
                h3 {
                        color: #dadada;
                        font-size: 24px;
                        text-align: center;
                        font-family: "Arial";
                }
                h4 {
                        color: #dc3535;
                        font-size: 24px;
                        text-align: center;
                }
                .content {
                        max-width: 1200px;
                        margin: 0 auto;
                        .conlef {
                                padding: 25px;
                                h5 {
                                        color: #484848;
                                        font-size: 18px;
                                        margin-bottom: 10px;
                                }
                                img {
                                        width: 100%;
                                }
                                h4 {
                                        padding-top: 15px;
                                }
                                p {
                                        padding: 15px;
                                }
                                span {
                                        display: block;
                                        width: 80px;
                                        height: 27px;
                                        margin-top: 15px;
                                        color: #fff;
                                        text-align: center;
                                        line-height: 27px;
                                        text-decoration: none;
                                        background: #dc3535;
                                }
                        }
                        .conrit {
                                padding: 25px;
                        }
                }
        }
        .teamStyle {
                max-width: 1200px;
                margin: .4rem auto;
                h3 {
                        color: #dadada;
                        font-size: 24px;
                        text-align: center;
                        font-family: "Arial";
                }
                h4 {
                        margin-bottom: .2rem;
                        color: #dc3535;
                        font-size: 24px;
                        text-align: center;
                }
        }
}